<template>
  <div class="comments">
      <parent :parentData="commentLists.parent" v-if="commentLists.parent"/>
      <div class="main_comments"> 
          {{commentLists.comment}}
      </div>
  </div>
</template>

<script>
import parent from "./parent";

export default {
    components: {
        parent
    },
    props: ['commentLists']
}
</script>

<style lang="less" scoped>
.comments{
    border: 1px solid pink;
    width: 300px;
    padding: 6px 0px;
    margin: 12px;

    .main_comments{
        margin-left: 16px;
    }
}
</style>